<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title></title>

		<style>
			img {
				width: 100%;
			}

			.container {
				display: flex;
			}

			.item {
				width: 30%;
			}
		</style>
	</head>

	<body>
		<div style="text-align: center; font-size: 40px; line-height: 100px">
			建议使用chrome浏览器，使用 Fast 3G网络
		</div>
		<div class="container">
			<div class="item">
				<div>png-24 非交错</div>
				<img src="./img/bg-24.png" alt="" />
			</div>
			<div class="item">
				<div>png-24 交错</div>
				<img src="./img/bg-24-jiaocuo.png" alt="" />
			</div>
			<div class="item">
				<div>jpg 渐进</div>
				<img src="./img/bg-progress.jpg" alt="" />
			</div>
		</div>
	</body>
</html>
